<div *ngIf="data">
    <app-sql-statement [query]="query">
        @if(data.length == 0) {
            <div class="no-results">No results were found</div>
        } @else {
            See Query
        }
    </app-sql-statement>

    <div class="investment-container">
        <mat-card *ngFor="let investment of data" class="investment-card">
            <mat-card-title>{{investment.ticker}}</mat-card-title>
            <mat-card-subtitle *ngIf="investment.rating">
                <div>
                    Rating: <span class="rating">{{investment.rating}}</span>
                </div>
            </mat-card-subtitle>
            <div innerHtml="{{investment.analysis | textToHtml}}"></div>
        </mat-card>
    </div>
</div>